93:I[903690,["/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0c34czz85xh3f.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3ot6wcd5ecpln.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1c4pf12npy4a_.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0l5nai4znivqy.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3abf52lxefhni.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0zgz5up_moiwf.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3u5f5fge21f5p.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2cbmnugpvavl4.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0zt6uezrjc89m.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/09z6ri07r3sma.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/420uifudym9av.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1fvo0xwkj8x_o.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3z-fk_6xzfhai.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0-9zq73z_eohn.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1axcumexuksf-.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2iwiq6nmum4w5.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3eqa6zdyi0ea7.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/10pk7j95y2dsq.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3r5qyv0elhezz.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0n-x3aspzp3e2.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1_kx0_cln4rnk.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0o-tlt78ggel0.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3fqvzp2yqv6c9.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/001c2fksllqct.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3pwc98sa29io0.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr"],"ExplicitChatIdProvider"] 94:I[838238,["/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0c34czz85xh3f.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3ot6wcd5ecpln.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1c4pf12npy4a_.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0l5nai4znivqy.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3abf52lxefhni.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0zgz5up_moiwf.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3u5f5fge21f5p.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2cbmnugpvavl4.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0zt6uezrjc89m.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/09z6ri07r3sma.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/420uifudym9av.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1fvo0xwkj8x_o.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3z-fk_6xzfhai.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0-9zq73z_eohn.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1axcumexuksf-.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/2iwiq6nmum4w5.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3eqa6zdyi0ea7.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/10pk7j95y2dsq.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3r5qyv0elhezz.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0n-x3aspzp3e2.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1_kx0_cln4rnk.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/0o-tlt78ggel0.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3fqvzp2yqv6c9.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/001c2fksllqct.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr","/chat-static/_next/static/chunks/3pwc98sa29io0.js?dpl=dpl_FmuAiNQeixYdcrheJD26fgu5FpQr"],"SWRDataProvider"] 95:T2a6c,[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" "use client" import { useEffect, useRef, useState } from "react" export default function Home() { const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }) const leftEyeRef = useRef(null) const rightEyeRef = useRef(null) useEffect(() => { const handleMouseMove = (e: MouseEvent) => { setMousePosition({ x: e.clientX, y: e.clientY }) } window.addEventListener("mousemove", handleMouseMove) return () => window.removeEventListener("mousemove", handleMouseMove) }, []) useEffect(() => { if (!leftEyeRef.current || !rightEyeRef.current) return const updateEyePosition = (eyeRef: HTMLDivElement) => { const rect = eyeRef.getBoundingClientRect() const eyeX = rect.left + rect.width / 2 const eyeY = rect.top + rect.height / 2 const angle = Math.atan2(mousePosition.y - eyeY, mousePosition.x - eyeX) const distance = Math.min( 4, Math.sqrt(Math.pow(mousePosition.x - eyeX, 2) + Math.pow(mousePosition.y - eyeY, 2)) / 25, ) const pupilX = Math.cos(angle) * distance const pupilY = Math.sin(angle) * distance const pupil = eyeRef.querySelector(".pupil") as HTMLElement if (pupil) { pupil.style.transform = `translate(${pupilX}px, ${pupilY}px)` } } updateEyePosition(leftEyeRef.current) updateEyePosition(rightEyeRef.current) }, [mousePosition]) return (

Move your cursor to see the pixel cat's eyes follow!

) }89:["$","$L93",null,{"chatId":"tZf07edqOw4","children":["$","$L94",null,{"data":{"@\"active-block\",\"tZf07edqOw4\",":{"id":"b_2p4AhhZS9Rg","messageId":"M61YxtDaNF6f4w6vBBPhI8G19tuEWrPO","source":"$95","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"cat-eyes-tracker","type":"code-project","project":"cat-eyes-tracker","taskNameActive":"Adding detailed pixel features","taskNameComplete":"Enhanced pixel cat details"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"tZf07edqOw4\",":false,"":null},"children":"$L96"}]}]

About

Tags

Share

About

Tags

Share

More from rajoninternet

More Templates Like This